<!-- Button trigger modal -->
<a href="{{ route('vehicle_model.edit', $row->id) }}" class="btn btn-sm btn-dark" title="Edit"><i
        class="fa fa-pencil-alt"></i></a>
{{-- 
<button type="button" class="btn btn-dark btn-sm" data-toggle="modal" data-target="#delete{{ $row->id }}">
    <i class="fa fa-trash-alt"></i>
</button> --}}

<!-- Modal -->
<div class="modal fade" id="delete{{ $row->id }}" tabindex="-1" role="dialog"
    aria-labelledby="vehicle_modelsLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="vehicle_modelsLabel">{{ $row->name }}</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <p>This will delete this vehicle Model permanently</p>
                <p>Are you sure?</p>
            </div>
            <div class="modal-footer">
                <form method="POST" action="{{ route('vehicle_model.destroy', $row->id) }}">
                    <!-- CSRF Token -->
                    @csrf

                    <!-- Hidden input to simulate DELETE method -->
                    <input type="hidden" name="_method" value="DELETE">
                    <button type="submit" class="btn btn-danger" id="delete_btn" data-id="' . $row->id . '">Yes,
                        Delete</button>
                </form>
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<!-- status Modal -->
<div class="modal fade" id="statusConfirmModal" tabindex="-1" aria-labelledby="statusConfirmModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="statusConfirmModalLabel">Confirm Action</h5>
        <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                    <span>&times;</span>
        </button>
        </div>
      <div class="modal-body">
        <p id="status-modal-message"></p>
        <input type="hidden" id="vehicle-id">
        <input type="hidden" id="new-status">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
        <button type="button" class="btn btn-primary" id="confirm_status_change">Yes, Continue</button>
      </div>
    </div>
  </div>
</div>